<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:rio="http://primefaces.org/rio">
    <div class="Animated05" id="layout-menu-cover">
        <ul class="layout-menu">
            <li>
                <a class="menulink ripplelink">
                    <i class="icon-round58 Fs40"/>
                    <span class="Fs18">John Wilkins<i class="icon-downwards Fright Fs20"/><br /><span class="Fs12 FontRobotoLight">Sr. System Administrator</span></span>
                </a>
                <ul>
                    <li><a href="#" class="menulink ripplelink"><i class="icon-user158 Fs16"/> User Profile</a></li>
                    <li><a href="#" class="menulink ripplelink"><i class="icon-two385 Fs16"/> Change User</a></li>
                    <li><a href="#" class="menulink ripplelink"><i class="icon-settings49 Fs16"/> System Settings</a></li>
                    <li><a href="#" class="menulink ripplelink"><i class="icon-thermostat1 Fs16"/> Logout</a></li>
                </ul>
            </li>
        </ul>
        <div class="Separator"/>
        <ul id="j_idt14" class="layout-menu rio-menu">
            <li id="rm_dashboard" role="menuitem"><a class="menulink ripplelink" href="/rio/dashboard.xhtml"><i class="icon-ellipsis1"/><i class="icon-planet29"/>Dashboard</a></li>
            <li id="rm_promotion" role="menuitem"><a class="menulink ripplelink" href="/rio/promotion-page.xhtml"><i class="icon-ellipsis1"/><i class="icon-feather"/>Promotion Page</a></li>
            <li id="rm_theme" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-mountains14"/> Rio Theme</a>
                <ul role="menu">
                    <li id="rm_sample" role="menuitem"><a class="menulink ripplelink" href="/rio/sample.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-columns"/>Sample Page</a></li>
                    <li id="rm_forms" role="menuitem"><a class="menulink ripplelink" href="/rio/forms.xhtml"><i class="icon-ellipsis1"/><i class="icon-browser"/>Form Elements</a></li>
                    <li id="rm_data" role="menuitem"><a class="menulink ripplelink" href="/rio/data.xhtml"><i class="icon-ellipsis1"/><i class="icon-calendar"/>Data Components</a></li>
                    <li id="rm_datatable" role="menuitem"><a class="menulink ripplelink" href="/rio/datatable.xhtml"><i class="icon-ellipsis1"/><i class="icon-grid-alt"/>DataTable</a></li>
                    <li id="rm_panels" role="menuitem"><a class="menulink ripplelink" href="/rio/panel.xhtml"><i class="icon-ellipsis1"/><i class="icon-screen47 Fs16"/>Panels</a></li>
                    <li id="rm_overlays" role="menuitem"><a class="menulink ripplelink" href="/rio/overlay.xhtml"><i class="icon-ellipsis1"/><i class="icon-windows-1"/>Overlays</a></li>
                    <li id="rm_menus" role="menuitem"><a class="menulink ripplelink" href="/rio/menu.xhtml"><i class="icon-ellipsis1"/><i class="icon-link60 Fs16"/>Menus</a></li>
                    <li id="rm_messages" role="menuitem"><a class="menulink ripplelink" href="/rio/messages.xhtml"><i class="icon-ellipsis1"/><i class="icon-notifications1 Fs16"/>Messages</a></li>
                    <li id="rm_charts" role="menuitem"><a class="menulink ripplelink" href="/rio/charts.xhtml"><i class="icon-ellipsis1"/><i class="icon-poll Fs16"/>Charts</a></li>
                    <li id="rm_fileupload" role="menuitem"><a class="menulink ripplelink" href="/rio/file.xhtml"><i class="icon-ellipsis1"/><i class="icon-task"/>FileUpload</a></li>
                    <li id="rm_misc" role="menuitem"><a class="menulink ripplelink" href="/rio/misc.xhtml"><i class="icon-ellipsis1"/><i class="icon-nfc1"/>Misc</a></li>
                </ul>
            </li>
            <li id="rm_default" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-copy31"/> Default Pages</a>
                <ul role="menu">
                    <li id="rm_empty" role="menuitem"><a class="menulink ripplelink" href="/rio/empty-page.xhtml"><i class="icon-ellipsis1"/><i class="icon-ipad"/>Empty Page</a></li>
                    <li id="rm_login" role="menuitem"><a class="menulink ripplelink" href="/rio/login.xhtml"><i class="icon-ellipsis1"/><i class="icon-in-alt"/>Login Page</a></li>
                    <li id="rm_error" role="menuitem"><a class="menulink ripplelink" href="/rio/error.xhtml"><i class="icon-ellipsis1"/><i class="icon-close"/>Error Page</a></li>
                    <li id="rm_404" role="menuitem"><a class="menulink ripplelink" href="/rio/404.xhtml"><i class="icon-ellipsis1"/><i class="icon-close"/>404 Page</a></li>
                    <li id="rm_access" role="menuitem"><a class="menulink ripplelink" href="/rio/access-denied.xhtml"><i class="icon-ellipsis1"/><i class="icon-turn17"/>Access Denied Page</a></li>
                </ul>
            </li>
            <li id="rm_hierarchy" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-share39"/> Menu Hierarchy</a>
                <ul role="menu">
                    <li id="rm_sm1" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-folder215"/> Submenu 1<i class="icon-downwards Fright Fs16"/></a>
                        <ul class="menu-level-1" role="menu">
                            <li id="rm_sm11" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-folder215"/> Submenu 1.1<i class="icon-downwards Fright Fs16"/></a>
                                <ul class="menu-level-2" role="menu">
                                    <li id="rm_sm111" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-folder215"/> Submenu 1.1.1<i class="icon-downwards Fright Fs16"/></a>
                                        <ul class="menu-level-3" role="menu">
                                            <li id="rm_lnk1111" role="menuitem"><a class="menulink ripplelink" href="#"><i class="icon-ellipsis1"/><i class="icon-link60"/>Link 1</a></li>
                                            <li id="rm_lnk1112" role="menuitem"><a class="menulink ripplelink" href="#"><i class="icon-ellipsis1"/><i class="icon-link60"/>Link 2</a></li>
                                            <li id="rm_lnk1113" role="menuitem"><a class="menulink ripplelink" href="#"><i class="icon-ellipsis1"/><i class="icon-link60"/>Link 3</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li id="rm_sm2" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-folder215"/> Submenu 2<i class="icon-downwards Fright Fs16"/></a>
                        <ul class="menu-level-1" role="menu">
                            <li id="rm_22" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-folder215"/> Submenu 2.2<i class="icon-downwards Fright Fs16"/></a>
                                <ul class="menu-level-2" role="menu">
                                    <li id="rm_221" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-folder215"/> Submenu 2.2.1<i class="icon-downwards Fright Fs16"/></a>
                                        <ul class="menu-level-3" role="menu">
                                            <li id="rm_lnk2211" role="menuitem"><a class="menulink ripplelink" href="#"><i class="icon-ellipsis1"/><i class="icon-link60"/>Link 1</a></li>
                                            <li id="rm_lnk2212" role="menuitem"><a class="menulink ripplelink" href="#"><i class="icon-ellipsis1"/><i class="icon-link60"/>Link 2</a></li>
                                            <li id="rm_lnk2213" role="menuitem"><a class="menulink ripplelink" href="#"><i class="icon-ellipsis1"/><i class="icon-link60"/>Link 3</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li id="rm_icons" role="menuitem"><a class="menulink ripplelink" href="/rio/font-icons.xhtml"><i class="icon-ellipsis1"/><i class="icon-automatic2"/>Font Icons</a></li>
            <li id="rm_docs" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="icon-receipt9"/> Documentation</a>
                <ul role="menu">
                    <li id="rm_docs_core" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="fa fa-code"/> Core CSS Docs<i class="icon-downwards Fright Fs16"/></a>
                        <ul class="menu-level-1" role="menu">
                            <li id="rm_docs_1" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/installation.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Installation</a></li>
                            <li id="rm_docs_2" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/menus.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Menus</a></li>
                            <li id="rm_docs_3" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/responsive-mode.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Responsive Mode</a></li>
                            <li id="rm_docs_4" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/containerx.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>ContainerX</a></li>
                            <li id="rm_docs_5" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/widx.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>WidX</a></li>
                            <li id="rm_docs_6" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/selection.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Selection</a></li>
                            <li id="rm_docs_7" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/visibilities.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Visibility</a></li>
                            <li id="rm_docs_8" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/displaying.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Displaying</a></li>
                            <li id="rm_docs_9" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/positioning.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Positioning</a></li>
                            <li id="rm_docs_10" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/underline.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Underline</a></li>
                            <li id="rm_docs_11" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/floating.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Floating</a></li>
                            <li id="rm_docs_12" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/overflows.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Overflows</a></li>
                            <li id="rm_docs_13" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/empty-boxes.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Empty Boxes</a></li>
                            <li id="rm_docs_14" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/opacity.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Opacity</a></li>
                            <li id="rm_docs_15" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/text-aligning.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Text Aligning</a></li>
                            <li id="rm_docs_16" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/box-sizing.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Box Sizing</a></li>
                            <li id="rm_docs_17" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/font-size.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Font Size</a></li>
                            <li id="rm_docs_18" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/font-weights.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Font Weights</a></li>
                            <li id="rm_docs_19" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/core/transitions.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Transitions</a></li>
                        </ul>
                    </li>
                    <li id="rm_docs_layout" role="menuitem"><a href="#" class="menulink ripplelink"><i class="icon-ellipsis1"/><i class="fa fa-code"/> Layout CSS Docs<i class="icon-downwards Fright Fs16"/></a>
                        <ul class="menu-level-1" role="menu">
                            <li id="rm_docs_20" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/layout/less.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Less</a></li>
                            <li id="rm_docs_21" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/layout/cards.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Cards</a></li>
                            <li id="rm_docs_22" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/layout/text-colors.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Text Colors</a></li>
                            <li id="rm_docs_23" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/layout/background-colors.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Background Colors</a></li>
                            <li id="rm_docs_24" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/layout/borders.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Borders</a></li>
                            <li id="rm_docs_25" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/layout/separators.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Separators</a></li>
                            <li id="rm_docs_26" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/layout/effects.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Effects</a></li>
                            <li id="rm_docs_27" role="menuitem"><a class="menulink ripplelink" href="/rio/docs/layout/roboto-font.xhtml"><i class="icon-ellipsis1"/><i class="fa fa-book"/>Roboto Font</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="Separator"/>
        </ul>
        <script type="text/javascript">Rio.restoreMenuState();</script>
    </div>
<!--    <h:form id="menuform">
        <rio:menu>
            <p:submenu id="rm_dashboards" label="Dashboards" icon="icon-leaf">
                <p:menuitem id="rm_db_landing" value="Your Promotion Page" icon="icon-leaf" outcome="/promotion-page.xhtml"/>
                <p:menuitem id="rm_db_v1" value="Dashboard V1" icon="icon-leaf" outcome="/dashboard.xhtml"/>
                <p:menuitem id="rm_db_v2" value="Dashboard V2" icon="icon-leaf" outcome="/dashboard2.xhtml"/>
            </p:submenu>

            <p:submenu id="rm_menupos" label="Menu Position" icon="icon-select">
                <p:menuitem id="rm_left" value="Inline Menu" icon="icon-uniE675" onclick="$('body').removeClass('PopupMenu');return false;"/>
                <p:menuitem id="rm_popup" value="Popup Menu" icon="icon-windows" onclick="$('body').addClass('PopupMenu');return false;"/>
            </p:submenu>

            <p:submenu id="rm_colors" label="Body Colors" icon="icon-lab">
                <p:menuitem id="rm_bg_blue" value="Blue" icon="icon-syringe" onclick="$('body').removeClass().addClass('BlueBody');return false;"/>
                <p:menuitem id="rm_bg_leaden" value="Leaden" icon="icon-syringe" onclick="$('body').removeClass().addClass('LeadenBody');return false;"/>
                <p:menuitem id="rm_bg_red" value="Red" icon="icon-syringe" onclick="$('body').removeClass().addClass('RedBody');return false;"/>
                <p:menuitem id="rm_bg_green" value="Green" icon="icon-syringe" onclick="$('body').removeClass().addClass('GreenBody');return false;"/>
                <p:menuitem id="rm_bg_cf" value="CornFlower" icon="icon-syringe" onclick="$('body').removeClass().addClass('CornFlowerBody');return false;"/>
                <p:menuitem id="rm_bg_gray" value="Gray" icon="icon-syringe" onclick="$('body').removeClass().addClass('DarkGrayBody');return false;"/>
            </p:submenu>

            <p:submenu id="rm_theme" label="Volt Theme" icon="icon-meter">
                <p:menuitem id="rm_sample" value="Sample Page" outcome="/sample.xhtml" icon="fa fa-columns" />
                <p:menuitem id="rm_forms" value="Form Elements" outcome="/forms.xhtml" icon="icon-document-text" />
                <p:menuitem id="rm_data" value="Data Components" outcome="/data.xhtml" icon="icon-cube" />
                <p:menuitem id="rm_datatable" value="DataTable" outcome="/datatable.xhtml" icon="icon-news" />
                <p:menuitem id="rm_panels" value="Panels" outcome="/panel.xhtml" icon="icon-window" />
                <p:menuitem id="rm_overlays" value="Overlays" outcome="/overlay.xhtml" icon="icon-windows" />
                <p:menuitem id="rm_menus" value="Menus" outcome="/menu.xhtml" icon="icon-uniE675" />
                <p:menuitem id="rm_messages" value="Messages" outcome="/messages.xhtml" icon="icon-messages" />
                <p:menuitem id="rm_charts" value="Charts" outcome="/charts.xhtml" icon="icon-connection-50" />
                <p:menuitem id="rm_fileupload" value="FileUpload" outcome="/file.xhtml" icon="icon-upload" />
                <p:menuitem id="rm_misc" value="Misc" outcome="/misc.xhtml" icon="icon-pill" />
            </p:submenu>

            <p:submenu id="rm_default" label="Default Pages" icon="icon-list">
                <p:menuitem value="Empty Page" outcome="/empty-page.xhtml" icon="icon-code-outline" />
                <p:menuitem value="Login Page" outcome="/login.xhtml" icon="icon-key-outline" />
                <p:menuitem value="Error Page" outcome="/error.xhtml" icon="icon-radar-outline" />
                <p:menuitem value="404 Page" outcome="/404.xhtml" icon="icon-search" />
                <p:menuitem value="Access Denied Page" outcome="/access-denied.xhtml" icon="icon-eye-outline" />
            </p:submenu>

            <p:submenu id="rm_hierarchy" label="Menu Hierarchy" icon="icon-flow-switch">
                <p:submenu id="rm_sm1" label="Submenu 1" icon="icon-folder2">
                    <p:submenu id="rm_sm11" label="Submenu 1.1" icon="icon-folder2">
                        <p:submenu id="rm_sm111" label="Submenu 1.1.1" icon="icon-folder2">
                            <p:menuitem id="rm_lnk1111" value="Link 1" url="#" icon="icon-link-outline" />
                            <p:menuitem id="rm_lnk1112" value="Link 2" url="#" icon="icon-link-outline" />
                            <p:menuitem id="rm_lnk1113" value="Link 3" url="#" icon="icon-link-outline" />
                        </p:submenu>
                    </p:submenu>
                </p:submenu>
                <p:submenu id="rm_sm2" label="Submenu 2" icon="icon-folder2">
                    <p:submenu id="rm_sm22" label="Submenu 2.2" icon="icon-folder2">
                        <p:submenu id="rm_sm221" label="Submenu 2.2.1" icon="icon-folder2">
                            <p:menuitem id="rm_lnk2211" value="Link 1" url="#" icon="icon-link-outline" />
                            <p:menuitem id="rm_lnk2212" value="Link 2" url="#" icon="icon-link-outline" />
                            <p:menuitem id="rm_lnk2213" value="Link 3" url="#" icon="icon-link-outline" />
                        </p:submenu>
                    </p:submenu>
                </p:submenu>
            </p:submenu>

            <p:submenu id="rm_links" label="Links" icon="icon-atom">
                <p:menuitem id="rm_icons" value="Font Icons" outcome="/font-icons.xhtml" icon="icon-lightbulb" />
                <p:submenu id="rm_docs" label="Documentation" icon="icon-clipboard2">
                    <p:submenu id="rm_docs_core" label="Core CSS Docs" icon="fa fa-code">
                        <p:menuitem id="rm_docs_1" value="Installation" outcome="/docs/core/installation.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_2" value="Menus" outcome="/docs/core/menus.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_3" value="Responsive Mode" outcome="/docs/core/responsive-mode.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_4" value="ContainerX" outcome="/docs/core/containerx.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_5" value="WidX" outcome="/docs/core/widx.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_6" value="Selection" outcome="/docs/core/selection.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_7" value="Visibility" outcome="/docs/core/visibilities.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_8" value="Displaying" outcome="/docs/core/displaying.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_9" value="Positioning" outcome="/docs/core/positioning.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_10" value="Underline" outcome="/docs/core/underline.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_11" value="Floating" outcome="/docs/core/floating.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_12" value="Overflows" outcome="/docs/core/overflows.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_13" value="Empty Boxes" outcome="/docs/core/empty-boxes.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_14" value="Opacity" outcome="/docs/core/opacity.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_15" value="Text Aligning" outcome="/docs/core/text-aligning.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_16" value="Box Sizing" outcome="/docs/core/box-sizing.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_17" value="Font Size" outcome="/docs/core/font-size.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_18" value="Font Weights" outcome="/docs/core/font-weights.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_19" value="Transitions" outcome="/docs/core/transitions.xhtml" icon="icon-menu" />
                    </p:submenu>
                    <p:submenu id="rm_docs_layout" label="Layout CSS Docs" icon="fa fa-code">
                        <p:menuitem id="rm_docs_20" value="LESS" outcome="/docs/layout/less.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_21" value="Cards" outcome="/docs/layout/cards.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_22" value="Text Colors" outcome="/docs/layout/text-colors.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_23" value="Background Colors" outcome="/docs/layout/background-colors.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_24" value="Borders" outcome="/docs/layout/borders.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_25" value="Separators" outcome="/docs/layout/separators.xhtml" icon="icon-menu" />
                        <p:menuitem id="rm_docs_26" value="Effects" outcome="/docs/layout/effects.xhtml" icon="icon-menu" />
                    </p:submenu>
                </p:submenu>
            </p:submenu>

            <f:facet name="options">
                <p:inputText placeholder="Search" styleClass="Fright"/>
                <p:commandButton icon="fa fa-search Fs18 white" styleClass="Fright"/>
            </f:facet>
        </rio:menu>
    </h:form>-->
</ui:composition>
